<template>
  <div class="collectBox">
    <StepTop
      ref="CollectType"
      @selectStatus="selectStatus"
      @selectStatusAll="selectStatusAll"
      @AllAddCar="AllAddCar"
      @AllCancelCollection="AllCancelCollection"
    />
    <StepList 
      ref="stepList"
      @selectStatusAll="selectChildList"
      @AllRefreshPage="AllRefreshPage"
    />
  </div>
</template>
<script>
import StepTop from "../../components/focus/step_top.vue";
import StepList from "../../components/focus/stept_list.vue";

export default {
  components: {
    StepTop,
	StepList
  },
  data() {
    return {
      his: {},
      dateList: [],
      product: [],
      showOver: false, // 遮罩层显示状态
      checkedCities: [], // 勾选复选框数据
    };
  },
  mounted() {},
  methods: {
	// 全局刷新
	AllRefreshPage() {
		this.$refs.CollectType.AllRefreshPage()
	},
	//设置遮罩层
	selectStatus(val){
		this.$refs.stepList.showOverDiv(val);
	},
	//设置遮罩层全选
	selectStatusAll(status){
		this.$refs.stepList.selecteAll(status);
	},
	selectChildList(status){
		this.$refs.CollectType.selectStatus(status);
	},
	// 批量加入购物车
	AllAddCar() {
		this.$refs.stepList.AllAddCar();
	},
	// 批量取消
	AllCancelCollection() {
		this.$refs.stepList.AllCancelCollection();
	}
  },
};
</script>

<style lang="scss" scoped>
.collectBox {
  
  
}
</style>

<style>
.pagination_box
  .el-pagination.is-background
  .el-pager
  li:not(.disabled).active {
  background-color: rgba(17, 17, 17, 1);
  color: #fff;
}

.pagination_box .el-pagination.is-background .el-pager li:hover {
  color: rgba(17, 17, 17, 1);
}
</style>